<template>
  <div>
  <MyProduct 
    v-for="item in list" 
    :key="item.id"
     :title="item.proname" 
     :money="item.proprice" 
     :id='item.id'
     @kan="kanFn"/>
  </div>
</template>

<script>
import MyProduct from './components/MyProduct'
export default {
  components:{
    MyProduct
  },

  data() {
    return {
      msg:'是个废物',
     list: [
        { id: 1, proname: '超级无敌椰子鸡儿', proprice: 69 },
        { id: 2, proname: '超级无敌棒棒鸡儿', proprice: 59 },
        { id: 3, proname: '超级无敌钵钵鸡儿', proprice: 49 }
      ]

    };
  },
methods:{
  kanFn(id){
   const product=  this.list.find(item=>item.id===id)
   product.proprice-=2
  }
}
 


};
</script>

<style  scoped>

</style>